<!DOCTYPE html>
<html lang="en">
<head>
    <title>Matrix Admin</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
    <link rel="stylesheet" href="css/uniform.css" />
    <link rel="stylesheet" href="css/select2.css" />
    <link rel="stylesheet" href="css/matrix-style2.css" />
    <link rel="stylesheet" href="css/matrix-media.css" />
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,800' rel='stylesheet' type='text/css'>

</head>
<style>

    .content-info{
        overflow: auto;
    }
    .content-info span{
        padding: 6px 0;
        float: left;
        width: 50%;
        display: block;
    }
    .td-btn{
        width: 150px;
    }
    /*************许永霖**********/
    .demo1{
        float: right;
        position: relative;
        right: 10px;
    }
    .demo1 ul{
        margin: 0px;
        padding: 0px;
    }
    .demo1 ul li {
        float:left;
        list-style-type:none;
        margin-left: 5px;
        /*line-height:15px;*/
    }
    .demo1 ul li input{
    }
    /*消除表格底部：无数据提示*/
    .odd{display: none}

    /********end***********/
</style>
<body>

<div id="content">
    <div id="content-header">
        <h1>劳动效率管理</h1>
    </div>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <div class="widget-box">
                    <div class="widget-title"> <span class="icon"><i class="icon-th"></i></span>
                        <h5>用工列表</h5>
                        <div class="demo1">
                            <ul>
                           <!--      <li>
                                     <div data-date="12-02-2012" class="input-append date datepicker ">
                                         <h5>起始时间</h5>
                                         <input type="text" data-date-format="mm-dd-yyyy" class="span7">
                                         <span class="add-on"><i class="icon-th"></i></span>
                                     </div>
                                 </li>
                                 <li>
                                     <div data-date="12-02-2012" class="input-append date datepicker ">
                                         <h5>结束时间</h5>
                                         <input type="text" data-date-format="mm-dd-yyyy" class="span7">
                                         <span class="add-on"><i class="icon-th"></i></span>
                                     </div>
                                 </li>-->
                                <li><button style="height: 30px ; background-color: #989898;color: white;width: 75px">新增</button></li>
                            </ul>
                        </div>
                    </div>


                    <div class="widget-content nopadding ">
                        <table class="table table-bordered data-table " >
                            <thead id="tb" >
                            <tr >
                                <th>编号</th>
                                <th>WBS</th>
                                <th>杂工工时</th>
                                <th>水暖工工时</th>
                                <th>木工工时</th>
                                <th>混凝土工工时</th>
                                <th>电工工时</th>
                                <th>砌筑工工时</th>
                                <th>其他工时</th>
                                <th>工时合计</th>
                            </tr>
                            </thead>
                            <tbody >

                            </tbody>
                        </table>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<script>

    window.onload = function () {
        var datanav = [
            { "wbs_fenlei": "基础地板", "zagong": "15.0", "shuinuangong": "303.9", "mugong": "7.4", "hunningtu": "273.6", "diangong": "7.3","qizhugong": "46.9", "othergong": "541.5", "count": "1206.3", },
            { "wbs_fenlei": "基础垫层", "zagong": "15.0", "shuinuangong": "0", "mugong": "0", "hunningtu": "273.6", "diangong": "0","qizhugong": "46.9", "othergong": "8.2", "count": "296.8", },
            { "wbs_fenlei": "混凝土夯实", "zagong": "15.0", "shuinuangong": "33.9", "mugong": "7.4", "hunningtu": "273.6", "diangong": "0","qizhugong": "46.9", "othergong": "541.5", "count": "1190.0", },
            { "wbs_fenlei": "外架搭设", "zagong": "15.0", "shuinuangong": "0", "mugong": "7.4", "hunningtu": "273.6", "diangong": "0","qizhugong": "46.9", "othergong": "141.5", "count": "490.3", },
            { "wbs_fenlei": "主体", "zagong": "45.0", "shuinuangong": "50.0", "mugong": "50.4", "hunningtu": "253.6", "diangong": "30.0","qizhugong": "46.9", "othergong": "141.5", "count": "710.3", },
            { "wbs_fenlei": "砌体", "zagong": "45.0", "shuinuangong": "50.0", "mugong": "0", "hunningtu": "253.6", "diangong": "0","qizhugong": "46.9", "othergong": "141.5", "count": "575.3", },

        ];
        var tb = document.getElementById("tb");
        for (var i = 0; i < datanav.length; i++) {
            var row = tb.insertRow(tb.rows.length);
            var c1 = row.insertCell(0);
            c1.innerHTML = i+1;
            var c2 = row.insertCell(1);
            c2.innerHTML = datanav[i].wbs_fenlei;
            var c3 = row.insertCell(2);
            c3.innerHTML = datanav[i].zagong;
            var c4 = row.insertCell(3);
            c4.innerHTML = datanav[i].shuinuangong;
            var c5 = row.insertCell(4);
            c5.innerHTML = datanav[i].mugong;
            var c6 = row.insertCell(5);
            c6.innerHTML = datanav[i].hunningtu;
            var c7 = row.insertCell(6);
            c7.innerHTML = datanav[i].diangong;
            var c8 = row.insertCell(7);
            c8.innerHTML = datanav[i].qizhugong;
            var c8 = row.insertCell(8);
            c8.innerHTML = datanav[i].othergong;
            var c9 = row.insertCell(9);
            c9.innerHTML = datanav[i].count;
      /*      var c10 = row.insertCell(9);
            c10.innerHTML = datanav[i].dutyunit;
            var c11 = row.insertCell(10);
            c11.innerHTML = datanav[i].operation;*/
        }
    }
</script>

<script src="js/jquery.min.js"></script>
<script src="js/jquery-3.1.0.js"></script>
<script src="js/jquery.ui.custom.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.uniform.js"></script>
<script src="js/select2.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/matrix.js"></script>
<script src="js/matrix.tables.js"></script>

<script src="js/bootstrap-colorpicker.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script src="js/jquery.toggle.buttons.html"></script>
<script src="js/masked.js"></script>
<script src="js/jquery.uniform.js"></script>

<script src="js/matrix.form_common.js"></script>
<script src="js/wysihtml5-0.3.0.js"></script>
<script src="js/jquery.peity.min.js"></script>
<script src="js/bootstrap-wysihtml5.js"></script>
<script>
    $('.textarea_editor').wysihtml5();
</script>

<!--***********许********-->



<!--*********end**************-->
</body>
</html>
